<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>英汉互译</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div class="top">
            <p>翻译</p>
            <p>中英互译</p>
        </div>
        <div class="bottom">
            <div class="bu_top">
                <div id="but_if">
                    <button class="active">中文</button>
                    <button>英文</button>
                </div>
                <button id="but1" onclick="lan()"><img src="img/2019-05-27_161611.png"></button>
                <div id="but_that">
                    <button>中文</button>
                    <button class="active">英文</button>
                </div>
            </div>
             <div class="bu_bottom">
                <textarea id="tex1"></textarea>
                <textarea id="tex2" readonly="readonly" placeholder="翻译"></textarea>
                <button id="but2" onclick="res()">翻译</button>
            </div>
        </div>

    </div>
    <script src="script.js"></script>
</body>
</html>